<template>
  <div>
    <h1>this is son ---{{ fatherGift }}----{{ fatherMoney }}</h1>
    <button @click="send">send father</button>
    <h2>{{ a }}</h2>
  </div>
</template>

<script>
export default {
  // 2.父传子第二步  子组件通过props接收数据
  props: {
    // 接收数据，与自定义属性名father-gift对应起来
    fatherGift: {
      // 接收的数据类型
      type: String,
      // 默认值  不加任何默认显示的数据
      default: '父慈子孝',
      // 必传属性 不传会报错
      // required: true
    },
    fatherMoney: {
      type: Number
    }
  },
  data() {
    return {
      msg: 'send red bao',
      information: '消息',
      a: '等待父组件调用'
    }
  },
  methods: {
    send() {
      // 子传父第一步 通过 this.$emit（'自定义名称','要发送的数据'）
      this.$emit('sonGift', this.msg)
      this.$emit('hug', this.information)
    },
    change() {
      this.a = '已经被父组件调用'
    }
  }

}
</script>

<style lang="scss" scoped></style>